<div class="HospitalDetails">
  <!-- 导航栏部分 -->
  <div class="head">
    <headss :fix="true" ref="headtop">
      <div slot="left" class="left">
        <img
          src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/61a8af0c1f655f0011bb51f4/61c94cba1158630011a4e26c/16406704913941163986.png"
          alt="" @click="goto">
      </div>
      <div slot="center" class="centet">
        <p>医院详情</p>
      </div>    
    </headss>
  </div>
  <div class="pullup">
    <div ref="scroll" class="pullup-wrapper">
      <div class="pullup-content">
        <!-- 头部部分 -->  
        <div class="heads">

        </div>
        <!-- 信息部分 -->
        <div class="info">
          <div class="in-t">
            <div class="in-t-l">
                <img src="https://lanhu.oss-cn-beijing.aliyuncs.com/ps6v36i6qoo1gp4d9c0haezkk870vtbob3b5db41a-1bed-4c3b-b831-a1d4faf1a44a" alt="">
            </div>
            <div class="in-t-r">
                <p>淘气联盟宠物医院</p>
                <p>医院人气排名第3</p>
                <div class="rate">
                  <van-rate v-model="value" readonly :size="14" color="#ffd21e" void-icon="star" void-color="#eee" />
                </div>
            </div>
          </div>
          <div class="in-c">
            <div class="in-c-t">
                <p>营业时间：9:00-21:00</p>
            </div>
            <div class="in-c-b">
                <p>医院概况：淘气联盟宠物医院这里是简单的宠物医院的概况介绍，淘气联盟宠物医院这里是简单的宠物医院的概况介绍淘气联盟宠物医院这里是简单的宠物医院的概况介绍</p>
            </div>
          </div>
          <div class="in-b">
            <div class="in-b-l">
                <p>距你 21.22km</p>
                <p>北京市朝阳区太白南路39号</p>
            </div>
            <div class="in-b-r">
                <div class="in-b-r-l">
                    <img src="https://lanhu.oss-cn-beijing.aliyuncs.com/psuesxwoy2svjbo89m6h379t3jjsvnfquebf79ae6-70b4-4ec4-bd52-9f66fa1e4202" alt="">
                    <p>导航</p>
                </div>
                <div class="line">

                </div>
                <div class="in-b-r-l">
                  <img src="https://lanhu.oss-cn-beijing.aliyuncs.com/psdoeo558jwgjgo2s149rcgbv8bbllrzwsla630e346-1af8-447e-8cdd-c3dd4c86c578" alt="">
                  <p>致电</p>
              </div>
            </div>
          </div>      
        </div>
        <!-- 标题部分 -->
        <div class="title">
          <div class="left">
            <p>认证医师</p>
          </div>
            
        </div>
        <!-- 认证医院 -->
        <div class="CertifiedHospital">
            
            <!-- 医生显示区域 -->
            <div class="Nurse-box list-item inner-list-item">             
              <swiper class="swiperss" :options="swiperOptions">
                <swiper-slide class="swiper-slides list-item" v-for="item in Nueselist" :key="item.id" >               
                    <div class="Nurse-box-list" > 
                      <div class="Nurse-logo">
                        <img  :src="item.img" mode="aspectFit" alt="">
                      </div>              
                      <div class="Nurse-txt">
                        <p class="Nurse-one">朱小亮</p>
                      <p class="Nurse-two">专家医师/经理</p>
                      <p class="Nurse-trhee">从业15年</p>
                      </div>              
                    </div>                     
                </swiper-slide>                        
                <div class="swiper-pagination" slot="pagination"></div>
              </swiper>
            </div>
        </div>
        <!-- 用户评价 -->
        <!-- 标题部分 -->
        <div class="title">
          <div class="left">
            <p>用户评价</p>
          </div>
            <div class="right">
              <p>查看全部</p>
              <img class="right-image" src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/61a8af0c1f655f0011bb51f4/61c94cba1158630011a4e26c/16405835336114703617.png" alt="">
            </div>
         
        </div>
        <!-- 品论 -->
        <div class="comment">
            <div class="list" v-for="(item,index) in list" :key="index">
                <div class="li-t">
                    <div class="li-t-l">
                        <div class="li-t-l-l">
                            <img :src="item.img" alt="">
                        </div>
                        <div class="li-t-l-r">
                            <p>{{item.name}}</p>
                            <div class="rate">
                              <van-rate :value="item.value" readonly :size="14" color="#ffd21e" void-icon="star" void-color="#eee" />
                            </div>
                        </div>
                    </div>
                    <div class="li-t-r">
                        <p>{{item.data}}</p>
                    </div>
                </div>
                <div class="li-b">
                      <p>{{item.info}}</p>
                </div>              
            </div>
        </div>
        <div class="pullup-tips">
          <div v-if="!isPullUpLoad" class="before-trigger">
            <span class="pullup-txt">Pull up and load more</span>
          </div>
          <div v-else class="after-trigger">
            <span class="pullup-txt">Loading...</span>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
